<%@ page language="java" pageEncoding="GBK"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'photos.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

		<style type="text/css">
* {
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body {

background-color: black;


}
#left_div{
width: 800px;
height: 500px;
float: left;


}
#right_div{


width: 500px;
height: 500px;



}
#right_div div{

background-color: white;
padding: 15px;
margin:   10px;


}



#left_div div{

	background-color: white;
	height: 170px;
	widht:170px;
	float: left;
	margin:   10px;
	padding: 10px;
	overflow :   hidden;
	max-height: 170px;

	


}
	
#left_div img{
	widht:150px;
	height:150px;
	}
	
	
#right_div img{

width: 520px;
height: 353px;


}	
	
	
</style>

<script type="text/javascript">


function  showphoto  (objsrc)
{
 document.getElementById("view").src=objsrc;


}





</script>




	</head>

	<body>

  <div id="left_div">


		<div id="img1">
			<img src="public/psbe.jpeg" onclick="showphoto(this.src)" >
		</div>
		<div>
			<img src="public/psue.jpeg" onclick="showphoto(this.src)">
		</div>
		<div>
			<img src="public/psue.jpeg" onclick="showphoto(this.src)">
		</div>
		<div>
			<img src="public/psue.jpeg" onclick="showphoto(this.src)">
		</div>
		<div>
			<img src="public/psue.jpeg" onclick="showphoto(this.src)">
		</div>
		<div>
			<img src="public/logo.gif" onclick="showphoto(this.src)">
		</div>
</div>
<div id="right_div">



		<div>
		
		<img src="public/psue.jpeg" onclick="" id="view">
		
		</div>



</div>		
		
		
	</body>
</html>
